<template>
    <div id="pop">
        <!-- 上半部分 -->
        <div class="top">
            <!-- <div class="top_div">总数
              <span class="top_span">16</span>
            </div> -->
        </div>
        <!-- 中间 -->
        <div class="content">
          <!-- 下半部分按钮 -->
          <div class="Buttom">
            <div>
              <el-button type="primary" plain @click.stop="clickMap('people')">人流量</el-button>
            </div>
            <div class="buttom_x">
              <el-button type="primary" plain @click.stop="clickMap('car')">车流量</el-button>
            </div>
          </div>
      </div>
    </div>
</template>
<script>
export default {
  methods: {
    clickMap (flag) {
      this.$emit('clickMap', flag)
    }
  }
}
</script>
<style scoped>
#pop{
    /* height: 465px; */
    width: 230px;
    background-color: #002a52;
    border: 1px solid #005bb5;
    border-radius: 3px;
}
.top{
    height: 75px;
    width: 100%;text-align: center;
    align-items: center;
    background-color: #083f88;
}
.top_div{
    line-height: 75px;
    color: #ccc;
    font-size: 35px;
}
.top_span{
    color: #fff;
}
/* 中间内容 */
.content{
    /* height: 228px;
    margin-bottom: 20px;
    margin-top: 24px;
    margin-left: 40px;
    font-size: 30px; */
}
.content_zx{
    color: #2fc25b;
    margin-top: 25px;
}
.content_lx{
    color: #cccccc;
    margin-top: 25px;
}.content_gz{
    color: #facc14;
    margin-top: 25px;
}.content_yj{
    color: #e64663;
    margin-top: 25px;
}
/* 下半部分 */
 .Buttom{
   padding: 20px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.buttom_x{
    margin-top: 10px;
}

/*.buttom_t{
    height: 60px;
}
.buttom_span{
    font-size: 25px;
    color: #edf4fe;
    background-color: #02488e;
} */
</style>
